<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>登录</title>
  <link rel="shortcut icon" href="../favicon.ico">
  <link rel="stylesheet" href="../public/css/base.css">
  <link rel="stylesheet" href="../public/css/login.css">
</head>

<body>
  <!-- 头部 start -->
  <header>
    <div class="w">
      <div class="logo">
        <a href="../index.html">
          <img src="../public/images/logo.png" alt="">
        </a>
      </div>
    </div>
  </header>
  <!-- 头部 end -->
  <!-- 登录主体部分 start -->
  <section>
    <div class="w">
    <div class="login">
      <div class="login_bd">
      <div class="top">
        <ul>
          <li><a class="fl">扫描登录</a>|<a class="fr">账户登陆</a></li>
          <li>公共场所不建议自动登录，以免账号丢失</li>
        </ul>
      </div>
      <div class="login_form">
        <form action="">
          <ul>
            <li><i></i><input type="text" placeholder="邮箱/用户名/手机号"></li>
            <li><i></i><input type="text" placeholder="请输入密码"></li>
            <li><span><input type="checkbox">自动登录</span><a href="#">忘记密码？</a></li>
            <li><button>登录</button></li>
          </ul>
        </form>
      </div>
      <div class="bottom">
        <div class="fl">
          <a href="#"></a>
          <a href="#"></a>
          <a href="#"></a>
          <a href="#"></a>
        </div>
        <div class="fr">
          <a href="register.html">立即注册</a>
        </div>
      </div>
    </div>
  </div>
  </div>
  </section>
  <!-- 登录主体部分 end -->

</body>

</html>